// 为什么要使用gulp打包css文件
// webpack 不能单独处理css文件
// gulp更容易上手
// 运行前先 npm install --global gulp-cli
// gulpfile 文件名是固定的
const gulp = require('gulp')
const sass = require('sass');
const gulpSass  = require('gulp-sass')(sass) // sass转css文件
const minifyCss = require('gulp-minify-css')

gulp.task('sass', async () => {
    return gulp.src('components/css/**/*.scss')
        .pipe(gulpSass().on('error', gulpSass.logError)) // sass转css文件
        .pipe(minifyCss()) // css压缩
        .pipe(gulp.dest('dist/css')) // 输出文件夹位置
})
